<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>Untitled</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="language" content="en" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="stylesheet" href="css/jquery.ui.datepicker.css"> 
    <link rel="stylesheet" href="css/jquery.ui.theme.css"> 
    <link rel="stylesheet" href="css/jquery.ui.core.css"> 
    <!--
    <link type="text/css" href="css/redmond/jquery-ui-1.8.16.custom.css" rel="stylesheet" />	
     -->
</head>
<body>
    <div id="datapicker"></div>
    <div id="datapicker2"></div>
    <br/>
    <br/>
    <input id="date" type="text"/>
</body>
<script src="scripts/jquery-1.6.4.js"></script>
<script src="scripts/ui/jquery.ui.core.js"></script> 
<script src="scripts/ui/jquery.ui.widget.js"></script> 
<script src="scripts/ui/jquery.ui.datepicker.js"></script> 
<script src="scripts/ui/i18n/jquery.ui.datepicker-zh-CN.js"></script> 
<!--
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
-->
<script>
    $(document).ready(
        function()
        {
           //$("#datapicker").datepicker();
           $( "#datapicker" ).datepicker({ altField: '#date' });
           $( "#datapicker2" ).datepicker();
           $("#datapicker .ui-state-default").css(
               {
                color:'#FF0000'
               }
           );
            $("#datapicker .ui-state-default").each(
                function()
                {   
                    var target = $(this);
                    var val = target.html();
                    var cssObj;
                    if(val <25 )
                    {
                        cssObj = 
                        {
                            color:'#FF0000'
                        }
                    }else
                    {
                        cssObj = 
                        {
                            color:'#0000FF'
                        }
                    }
                    target.css(
                            cssObj
                        )
                }
            );
        }
    );

</script>
</html>